<!DOCTYPE html>
{% from "macros.html" import menu %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>addarticle</title>
    <style>
        h1{
            text-align: center;
        }
        #user_online{
            float: right;
            margin-right: 3px;
        }
        table{
            margin:auto;
        }
    </style>
    <link rel="stylesheet" href="{{ url_for ('static',filename='css/bootstrap.css')}}">
    <link rel="stylesheet" href="{{ url_for ('static',filename='css/flask.css')}}">
</head>
<body>
{{ menu(post_name,online) }}
<form action="" method="post">
    <table class="table">
        <tr>
            <td>内容</td>
            <td><input type ='text' name="content"></td>
        </tr>
        <tr>
            <td><input class="form-control" style="width=100px" type="submit" value="提交"></td>
            <td></td>
        </tr>
    </table>
<form>
</body>
<script type="text/javascript">
    window.onload = function(){
        var selectmenu = document.getElementById("selectmenu");
        var selects = document.getElementById("selects");
        selectmenu.onmouseover = function(){
            selects.style.display = "block";
        }
        selectmenu.onmouseout = function(){
            selects.style.display = "none";
        }

        var messagemenu = document.getElementById("messagemenu");
        var selects2 = document.getElementById("selects2");
        messagemenu.onmouseover = function(){
            selects2.style.display = "block";
        }
        messagemenu.onmouseout = function(){
            selects2.style.display = "none";
        }

        var userstate = document.getElementById("userstate");
        var down = document.getElementById("down");
        userstate.onmouseover = function(){
            down.style.display = "block";
        }
        userstate.onmouseout = function(){
            down.style.display = "none";
        }
    }
</script>
</html>